<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.css"  rel="stylesheet">
<link href="css/bootstrap-theme.css"  rel="stylesheet">

<script type="text/javascript" charset="utf-8" src="js/jquery.js"></script> 
<script type="text/javascript" charset="utf-8" src="js/bootstrap.js"></script>
<style>
	.item{
			font-size:40px;
			margin-bottom:10px;
		}
	@media screen and (max-width: 980px) {
		.item{
			font-size:40px;
		}
	 }

	/* Small devices (tablets, 768px and up) */
	@media screen and (max-width: 700px) {
		.item{
			font-size:30px;
		}
	 }
	
	/* Medium devices (desktops, 992px and up) */
	@media screen and (max-width: 480px) {
		.item{
			font-size:20px;
		}
	  }
	.center-block {
	  display: block;
	  margin-left: auto;
	  margin-right: auto;
	  float:none;
	}
	
	* {
		font-family:微软雅黑;
	}
	/* Large devices (large desktops, 1200px and up) */
	
</style>
</head>
<body>
	<div class="container" id="context">
    		<div class="row" style="height:100%">
            	 <div class="col-md-12" style="background-color:rgb(254,157,52);height:15%;color:#FFF">
                 		<div style="height:100%;width:20%;float:left"><img src="images/main/logo-1.png" style="height:100%"></div>
                        <div style="height:100%;width:80%;float:left" class="text-center">
                        		<div style="height:60%;font-size:35px;">约球助手</div>
                                <div style="height:40%;font-size:12px;">球友们，让我们约在一起把！</div>
                        </div>
                   
           		 </div>
                 <div class="col-md-12" style="background-color:#fff;height:85%;">
                  		<div style="width:65%;background-color:#fff;height:100%;float:left;color:#fff">
                        		<div style="width:70%;background-color:rgb(254,157,52);height:25%;margin-top:10%;margin-bottom:8%" class="center-block" >
                                	<div style="height:60%;font-size:25px;" class="text-center">迅速参与</div>
                                </div>
                                
                                <div style="width:70%;background-color:rgb(254,157,52);height:25%;margin-top:10%;margin-bottom:10%" class="center-block" onClick="href('./setStart.html')">
                                	<div style="height:60%;font-size:25px;" class="text-center">发起球局</div>
                                </div>
                                
                               <div style="width:70%;background-color:rgb(254,157,52);height:25%;margin-top:10%;margin-bottom:10%" class="center-block">
                                	<div style="height:60%;font-size:25px;" class="text-center">好友管理</div>
                                </div>
                        </div>
                        
                  		<div style="width:35%;background-color:;height:100%;float:left;position:relative">
                        	<div style="width:100%;height:8%;background-color:rgb(254,157,52);margin-top:10%;font-size:20px;color:#fff" class="text-center">返回</div>
                            <div style="position:absolute;bottom:10px;color:rgb(254,157,52);width:100%"  >
                            	<div  class="text-center item"><span class="glyphicon glyphicon-map-marker" ></span>语音</div>
                            	<div  class="text-center item" onclick='href("./center.html")' class="item"><span class="glyphicon glyphicon-cog"></span>设置</div>
                                <div  class="text-center item"><span class="glyphicon glyphicon-user"></span>邀请</div>
                                <div  class="text-center item"><span class="glyphicon glyphicon-envelope"></span>反馈</div>
                            </div>
                        </div>
                 </div>


           		 </div>
            </div>
    </div>
</body>
<script>
	var cheight=document.documentElement.clientHeight;
	var context=document.getElementById("context");
	context.style.height=cheight+"px";
	
	function href(url){
		window.location.href=url;
		}
	
	
</script>
</html>